<!DOCTYPE html>
<html>
<head>
    <title>Lab 4 - GET Method</title>
    <style type="text/css">
        body {
            margin-top: 100px;
            text-align: center;;
        }
        table {
            margin: 0 auto;
            width: 50%;
        }
        table td:first-child {
            text-align: right;
            font-weight: bold;
        }

        table td:last-child {
            text-align: left;
            padding-left: 5px;
        }
    </style>
</head>
<body>
<form method="get" action="/Lab4-get/">{% csrf_token %}
    <table>
            <tr>
                <td>Product:</td><td>jPhone 8</td>
            </tr>
            <tr>
                <td>Price:</td>
                <td>
                    $600
                    <input type="hidden" name="price" value="799"><!-- Have to include fees and taxes -->
                </td>
            </tr>
            <tr>
                <td>Quantity:</td><td><input type="number" name="quantity" min="1" max="50" value="1"> (Maximum quantity is 50)</td>
            </tr>
            <tr>
                <td>Color:</td><td><input type="text" name="color" value="black" disabled="true"></td>
            </tr>
        </table>
    <input type="submit" value="Buy">
</form>

<a href="/Lab4/">Try this using the POST Method</a>
</body>
</html>